<template>
<div class="title-box">
  <div class="max-width">
    <div>
      <label>
        <input class="in-title" type="text" :placeholder="placeholder">
      </label>
    </div>
    <div class="clearfix">
      <div class="floatLeft">
        <ul>
          <li>1.wqewqeq</li>
          <li>1.wqewqeq</li>
          <li>1.wqewqeq</li>
          <li>1.wqewqeq</li>
          <li>1.wqewqeq</li>
          <li>1.wqewqeq</li>
          <li>1.wqewqeq</li>
          <li>1.wqewqeq</li>
        </ul>
      </div>
      <div class="floatRight">
        <el-button icon="el-icon-circle-plus-outline" plain>新增</el-button>
      </div>
    </div>
  </div>
</div>
</template>

<script>
    export default {
        name: '',
        data (){
            return {
              placeholder:'无标题博客'
            }
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
.title-box{
  background: white;
  .in-title{
    height: 50px;
    line-height: 50px;
    font-size: 20px;
  }
}
</style>
